<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>SIASS - SISTEMA DE ASISTENCIA</title>
    </h:head>
    <h:body>
        <p:layout id="layout"  fullPage="true" >
            <p:layoutUnit position="north" size="75"  closable="true"  >  
                <center ><h1 style="font-size: 22px">CONSULTA DE ASISTENCIA</h1></center>
            </p:layoutUnit>  
            <p:layoutUnit position="center" size="100"  closable="true">
                <h:form id="form">
                    <center>
                        <p:fieldset legend="CONSULTA" toggleable="false">
                            <p:panelGrid columns="2">
                                <p:outputLabel value="Fecha:" />
                                <p:calendar value="#{consultaBean.fechaConsult}" pattern="dd-MM-yyyy">
                                    <p:ajax event="dateSelect" listener="#{consultaBean.entrar()}"/>
                                </p:calendar>
                                <h:outputLabel value="Plan :"/>
                                <h:selectOneMenu  value="#{consultaBean.numPlan}">
                                    <f:selectItem itemLabel="[SELECCIONE]" itemValue="0" />
                                    <f:selectItems value="#{consultaBean.listaPlanes}" var="cap" 
                                                   itemLabel="#{cap.codigo}" itemValue="#{cap.idPlan}"/>
                                    <p:ajax event="change" listener="#{consultaBean.listarCursos()}" 
                                            update="selectCiclo selectCicloA" />
                                </h:selectOneMenu>
                                <h:outputLabel value="Curso :"/>
                                <h:selectOneMenu id="selectCiclo" value="#{consultaBean.numCurso}" >
                                    <p:ajax event="change" listener="#{consultaBean.listarModalidades()}" 
                                            update="selectCicloA"/>
                                    <f:selectItem itemLabel="[SELECCIONE]" itemValue="0" />
                                    <f:selectItems value="#{consultaBean.listaCursos}" var="ses" 
                                                   itemLabel="#{ses.nombre}" itemValue="#{ses.idCurso}"/>
                                </h:selectOneMenu>
                                <h:outputLabel value="Modalidad de Dictado :"/>
                                <h:selectOneMenu id="selectCicloA" value="#{consultaBean.numModalidad}" >
                                    <f:selectItem itemLabel="[SELECCIONE]" itemValue="0" />
                                    <f:selectItems value="#{consultaBean.listaModalidades}" var="sesi" 
                                                   itemLabel="#{sesi.nombre}" itemValue="#{sesi.idModalidad}"/>
                                </h:selectOneMenu>
                            </p:panelGrid>
                            <br/>
                            <p:commandButton value="Consultar" actionListener="#{consultaBean.listarAsistencias()}" update=":form:field" />
                        </p:fieldset>
                        <br/><br/>
                        <p:fieldset legend="ASISTENCIA" id="field" toggleable="false" >
                            <br/>
                            <p:panelGrid columns="2" id="panel">
                                <p:outputLabel value="Tema:"/>
                                <p:outputLabel value="#{consultaBean.tema}" />
                                <p:outputLabel value="Profesor:"/>
                                <p:outputLabel value="#{consultaBean.nombProfesor}" />
                            </p:panelGrid>
                            <br/>
                            <p:dataTable id="cursos"  value="#{consultaBean.listaAsistencia}" var="asist" rowKey="#{asist}" 
                                         style="width: 800px;" editable="true"
                                         emptyMessage="No hay asistencias registradas en este día">
                                <p:column headerText="Nro" style="text-align: center ; width: 5%;">
                                    #{consultaBean.listaAsistencia.indexOf(asist)+1}
                                </p:column>
                                <p:column headerText="Código" >
                                    <h:outputText value="#{asist.alumno.codigo}"/>
                                </p:column>
                                <p:column headerText="Apellido Paterno" >
                                    <h:outputText value="#{asist.alumno.persona.appaterno}"/>
                                </p:column>
                                <p:column headerText="Apellido Materno" >
                                    <h:outputText value="#{asist.alumno.persona.apmaterno}"/>
                                </p:column>
                                <p:column headerText="Nombres">
                                    <h:outputText value="#{asist.alumno.persona.nombres}"/>
                                </p:column>
                                <p:column headerText="Asistencia">
                                    <h:outputText value="#{asist.estado.nombre}"/>
                                </p:column>
                            </p:dataTable>
                        </p:fieldset>
                    </center>
                </h:form>
            </p:layoutUnit>
        </p:layout>

    </h:body>
</html>

